home *** CD-ROM | disk | FTP | other *** search
/ PCGUIA 114 / PC Guia 114.iso / Software / Utils / The Gimp 2.2.1 / gimp-help-2-0.6-setup.exe / {app} / share / gimp / 2.0 / help / en / ch04s02s02.html < prev    next >
Encoding:
Extensible Markup Language  |  2004-12-19  |  12.5 KB  |  277 lines
  1. <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.   <head>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6.     <title>2.2.┬áUsing the Layerdialog</title>
  7.     <link rel="stylesheet" href="gimp-help-plain.css" type="text/css" />
  8.     <link rel="stylesheet" href="gimp-help-screen.css" type="text/css" />
  9.     <meta name="generator" content="DocBook XSL Stylesheets V1.66.1" />
  10.     <link rel="start" href="index.html" title="GIMP User Manual" />
  11.     <link rel="up" href="ch04s02.html" title="2.┬áLayers dialog" />
  12.     <link rel="prev" href="ch04s02.html" title="2.┬áLayers dialog" />
  13.     <link rel="next" href="ch04s02s03.html" title="2.3.┬áLayer masks" />
  14.   </head>
  15.   <body>
  16.     <div xmlns="" class="navheader">
  17.       <table width="100%" summary="Navigation header">
  18.         <tr>
  19.           <th colspan="3" align="center" id="chaptername">2.┬áLayers dialog</th>
  20.         </tr>
  21.         <tr>
  22.           <td width="20%" align="left"><a accesskey="p" href="ch04s02.html">Prev</a>┬á</td>
  23.           <th width="60%" align="center" id="sectionname">2.2.┬áUsing the Layerdialog</th>
  24.           <td width="20%" align="right">┬á<a accesskey="n" href="ch04s02s03.html">Next</a></td>
  25.         </tr>
  26.       </table>
  27.       <hr />
  28.     </div>
  29.     <div class="sect2" lang="en" xml:lang="en">
  30.       <div class="titlepage">
  31.         <div>
  32.           <div>
  33.             <h3 class="title"><a id="id3447823"></a>2.2.┬áUsing the Layerdialog</h3>
  34.           </div>
  35.         </div>
  36.       </div>
  37.       <div class="variablelist">
  38.         <dl>
  39.           <dt>
  40.             <span class="term">Overview</span>
  41.           </dt>
  42.           <dd>
  43.             <p>
  44.             Every layer appears in the dialog in form of a thumbnail. When
  45.             an image has many layers as components then it appears like a
  46.             list. The upper layer in the list is the first one visible and
  47.             the lowest layer the last visible, the background. Above the
  48.             list one can find characteristics related individually to each
  49.             layer. Under the list one can find managements buttons for the
  50.             layer list. A right-click in a layer thumbnail opens the layer
  51.             <a href="ch05s07.html" title="7.┬áLayers">menu</a>.
  52.           </p>
  53.           </dd>
  54.           <dt>
  55.             <span class="term">Layer attributes</span>
  56.           </dt>
  57.           <dd>
  58.             <p>
  59.             Every layer is shown in the list with its own attributes. The
  60.             main attribute is the name of the layer itself. You can edit it
  61.             by a double-click on the name or the thumbnail of the layer. In
  62.             front of the thumbnail is an icon showing an eye
  63.             <span class="guiicon"> 
  64.               <span class="inlinemediaobject"><img src="../images/dialogs/dialogs-icon-eye.png" /></span>
  65.             </span>.  By clicking on the eye, you toggle whether the layer is
  66.             visible or not. (Shift-clicking on the eye causes all
  67.             <span class="emphasis"><em>other</em></span> to be temporarily hidden.)  An
  68.             other icon showing a chain <span class="guiicon"> 
  69.               <span class="inlinemediaobject"><img src="../images/dialogs/dialogs-icon-vchain.png" /></span>
  70.             </span> enables to group layers for operations on multiples
  71.             layers (for example with the Move tool).
  72.           </p>
  73.             <div class="tip" style="margin-left: 0.5in; margin-right: 0.5in;">
  74.               <table border="0" summary="Tip">
  75.                 <tr>
  76.                   <td rowspan="2" align="center" valign="top" width="25">
  77.                     <img alt="[Tip]" src="../images/tip.png" />
  78.                   </td>
  79.                   <th align="left">Tip</th>
  80.                 </tr>
  81.                 <tr>
  82.                   <td colspan="2" align="left" valign="top">
  83.                     <p>
  84.               In case of an animation layer GIF or MNG the name of the
  85.               layer can be used to specify some parameters : Layer_name
  86.               (delay in ms) (combination mode), for example Frame-1 (100
  87.               ms) (replace).  The <span class="guilabel">delay</span> set the time
  88.               during the layer is visible in the animation. The combination
  89.               mode set if you combine with the previous layer or replace
  90.               it: the two modes are (combine) or (replace).
  91.             </p>
  92.                   </td>
  93.                 </tr>
  94.               </table>
  95.             </div>
  96.           </dd>
  97.           <dt>
  98.             <span class="term">Layers characteristics</span>
  99.           </dt>
  100.           <dd>
  101.             <p>
  102.             Above the layer list it's possible to specify some properties for
  103.             the active layer. The active layer is the one highlighted in blue. The
  104.             properties are : "Layer mode", "Keep transparency", and "Opacity".
  105.           </p>
  106.             <div class="itemizedlist">
  107.               <ul type="disc">
  108.                 <li>
  109.                   <div class="mediaobject">
  110.                     <img src="../images/dialogs/dialogs-layer-modes.png" />
  111.                   </div>
  112.                   <p>
  113.                 <span class="guilabel">Layer modes</span>:
  114.                 The layer mode determines how the layer interact with the
  115.                 other layers.  From the combo box you can access to all the
  116.                 mode provided by Gimp.  The layer modes are full detailled
  117.                 in the <a href="go01.html#glossary-modes">Glossary</a>.
  118.               </p>
  119.                 </li>
  120.                 <li>
  121.                   <div class="mediaobject">
  122.                     <img src="../images/dialogs/dialogs-layer-keeptrans.png" />
  123.                   </div>
  124.                   <p>
  125.                 <span class="guilabel">Keep transparency</span>: If you check this
  126.                 option the transparent areas of the layer will be keeped,
  127.                 this even if you have checked the <span class="guilabel">Fill
  128.                   transparent areas</span> option for the Bucket fill
  129.                 tool.
  130.               </p>
  131.                 </li>
  132.                 <li>
  133.                   <p>
  134.                   <span class="inlinemediaobject"><img src="../images/dialogs/dialogs-layer-opacity.png" /></span>
  135.                 </p>
  136.                   <p>
  137.                 <span class="guilabel"><a id="gimp-layer-dialog-opacity-scale"></a>Opacity</span>:
  138.                 By moving the slider you give less or more opacity to the
  139.                 layer. With a 0 opacity value the layer is transparent and
  140.                 full invisible.  Don't mistake with the Layer mask (see
  141.                 chapter Layer mask) that sets the transparency pixel by
  142.                 pixel.
  143.               </p>
  144.                 </li>
  145.               </ul>
  146.             </div>
  147.           </dd>
  148.           <dt>
  149.             <span class="term">Layer management</span>
  150.           </dt>
  151.           <dd>
  152.             <p>
  153.             Under the layer list a set of buttons allows you to perform
  154.             some basis operations on the layer list.
  155.           </p>
  156.             <div class="itemizedlist">
  157.               <ul type="disc">
  158.                 <li>
  159.                   <p>
  160.                 <span class="inlinemediaobject"><img src="../images/dialogs/dialogs-icon-edit.png" /></span>
  161.                  <span class="guilabel">Edit layer attributs</span>:
  162.                  You can change here the name of the active layer in the list.
  163.                </p>
  164.                 </li>
  165.                 <li>
  166.                   <a id="gimp-layer-new"></a>
  167.                   <p>
  168.                 <span class="inlinemediaobject"><img src="../images/dialogs/dialogs-icon-new.png" /></span>
  169.                  <span class="guilabel">New layer</span>:
  170.                  You can create here a new layer. A dialog is opened where
  171.                  you have to fill the <span class="guilabel">Layer name</span>,
  172.                  perhaps change default <span class="guilabel">Height</span> and
  173.                  <span class="guilabel">Width</span> choose the <span class="guilabel">Layer fill
  174.                    type</span> which will be the new layer background.
  175.                </p>
  176.                 </li>
  177.                 <li>
  178.                   <a id="gimp-layer-raise"></a>
  179.                   <p>
  180.                  <span class="inlinemediaobject"><img src="../images/dialogs/dialogs-icon-raise.png" /></span>
  181.                  <span class="guilabel">Raise layer</span>:
  182.                  You can here put the layer up a level in the list. Press the
  183.                  <span><b class="keycap">Shift</b></span> key to move the layer to the top of
  184.                  the list.
  185.                </p>
  186.                 </li>
  187.                 <li>
  188.                   <a id="gimp-layer-lower"></a>
  189.                   <p>
  190.                 <span class="inlinemediaobject"><img src="../images/dialogs/dialogs-icon-lower.png" /></span>
  191.                  <span class="guilabel">Lower layer</span>:
  192.                  You can here put the layer down a level in the list. Press the
  193.                  <span><b class="keycap">Shift</b></span> key to move the layer to the bottom of
  194.                  the list.
  195.                  </p>
  196.                   <div class="tip" style="margin-left: 0.5in; margin-right: 0.5in;">
  197.                     <table border="0" summary="Tip">
  198.                       <tr>
  199.                         <td rowspan="2" align="center" valign="top" width="25">
  200.                           <img alt="[Tip]" src="../images/tip.png" />
  201.                         </td>
  202.                         <th align="left">Tip</th>
  203.                       </tr>
  204.                       <tr>
  205.                         <td colspan="2" align="left" valign="top">
  206.                           <p>
  207.                      To move a layer at the bottom of the list, first
  208.                      give a transparency channel to the Backgrpund layer
  209.                      (also called Alpha channel).  Right click on the
  210.                      Background layer and select <span class="guilabel">Add Alpha
  211.                      channel</span> in the menu.
  212.                    </p>
  213.                         </td>
  214.                       </tr>
  215.                     </table>
  216.                   </div>
  217.                   <p>
  218.                </p>
  219.                 </li>
  220.                 <li>
  221.                   <a id="gimp-layer-duplicate"></a>
  222.                   <p>
  223.                  <span class="inlinemediaobject"><img src="../images/dialogs/dialogs-icon-duplicate.png" /></span>                   
  224.                  <span class="guilabel">Duplicate layer</span>:
  225.                  You can create here a copy of the active layer. Name of new
  226.                  layer is suffixed with a number.
  227.                </p>
  228.                 </li>
  229.                 <li>
  230.                   <a id="gimp-layer-anchor"></a>
  231.                   <p>
  232.                  <span class="inlinemediaobject"><img src="../images/dialogs/dialogs-icon-anchor.png" /></span>
  233.                  <span class="guilabel">Anchor layer</span>:
  234.                  When the active layer is a temporary layer (also called floating
  235.                  selection) shown by this icon
  236.                  <span class="guiicon">
  237.                     <span class="inlinemediaobject"><img src="../images/dialogs/dialogs-icon-floating.png" /></span>
  238.                  </span>,
  239.                  this button anchors it in the previous active layer.
  240.                </p>
  241.                 </li>
  242.                 <li>
  243.                   <a id="gimp-layer-delete"></a>
  244.                   <p>
  245.                 <span class="inlinemediaobject"><img src="../images/dialogs/dialogs-icon-delete.png" /></span>
  246.                  <span class="guilabel">Delete layer</span> :
  247.                  You can here delete the active layer.
  248.                </p>
  249.                 </li>
  250.               </ul>
  251.             </div>
  252.           </dd>
  253.         </dl>
  254.       </div>
  255.     </div>
  256.     <div class="navfooter">
  257.       <hr />
  258.       <table width="100%" summary="Navigation footer">
  259.         <tr>
  260.           <td width="40%" align="left"><a accesskey="p" href="ch04s02.html">Prev</a>┬á</td>
  261.           <td width="20%" align="center">
  262.             <a accesskey="u" href="ch04s02.html">Up</a>
  263.           </td>
  264.           <td width="40%" align="right">┬á<a accesskey="n" href="ch04s02s03.html">Next</a></td>
  265.         </tr>
  266.         <tr>
  267.           <td width="40%" align="left" valign="top">2.┬áLayers dialog┬á</td>
  268.           <td width="20%" align="center">
  269.             <a accesskey="h" href="index.html">Home</a>
  270.           </td>
  271.           <td width="40%" align="right" valign="top">┬á2.3.┬áLayer masks</td>
  272.         </tr>
  273.       </table>
  274.     </div>
  275.   </body>
  276. </html>
  277.